<template lang="jade">
.app-container
  //- .header
    h1.page-title {{ title }}
    a.backup.icon-angle-left(href='javascript:history.go(-1)')
  iframe(
    :src="link"
    frameborder=0
    seamless
  )
</template>

<script>
export default {
  data () {
    return {
      title: null,
      link: null
    }
  },
  created () {
    console.log(this.$route.params)
    this.title = this.$route.params.title
    this.link = this.$route.params.link
  }
}
</script>

<style scoped>
.app-container {
  height: 100vh;
  display: flex;
  flex-direction: column;
}
iframe {
  /*display: flex;*/
  width: 100%;
  /*height: 100%;*/
  flex: 1;
}
</style>
